<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人网站</title>
    <!-- ziit -->
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/style.css">
    <!-- 主css文件 -->
    <link rel="stylesheet" href="./css/blogs.css">
    <link rel="stylesheet" href="./css/portfolio.css">
</head>

<body>
    <!-- header -->
    <header id="header">
    </header><!-- ending-->
    <main>
        <!-- ======= 搜索 Section ======= -->
        <section id="search">
            <div id="particles-js"></div>
            <div class="search-content">
                <h2 class="section-title">我的作品集</h2>
                <h4 class="sub-title">这是我的个人作品，欢迎大家指导......</h4>
                <div class="flex form-wrap">
                    <input id="search-input" type="text" placeholder="请输入关键词搜索">
                    <!-- <button><i class="iconfont icon-search"></i></button> -->
                </div>
            </div>
        </section><!-- End 搜索 -->

        <!-- ======= 作品集瀑布流 ======= -->
        <section id="portfplio" class="container">
            <ul class="type-tags">
                <li class="pupr">ALL</li>
                <li class="yellow">APP</li>
                <li class="pink">CARD</li>
                <li class="green">WEB</li>
            </ul>
            <div class="fall-wrap container">
                <ul></ul>
                <ul></ul>
                <ul></ul>
            </div>
        </section><!-- End 我的博客 -->

    </main>
    <!-- ======= Footer ======= -->
    <footer>© Copyright tiro. All Rights Reserved </footer><!-- End Footer -->
</body>
<!-- 粒子库 -->
<script src="./js/particles.js"></script>
<!-- axios -->
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<!-- 公共JS文件 -->
<script src="./js/main.js"></script>
<!--  -->
<script src="./js/protfolio.js"></script>

</html>